<!doctype html>
<html lang="en" class="fixed">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>课程列表</title>
    <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
    <link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="stylesheet" type="text/css"
          href="<?php xcho(loadSource('/assets/plugins/bootstrap/css/bootstrap.min.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/animate.css/animate.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/font-awesome/css/font-awesome.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/data-table/media/css/dataTables.bootstrap.min.css')) ?>">
    <!--    <link rel="stylesheet" href="-->
    <?php //xcho(loadSource('/assets/plugins/ztree/css/zTreeStyle/zTreeStyle.css')) ?><!--">-->
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/layui/css/layui.css')) ?>" media="all">
    <link rel="stylesheet" href="<?php xcho(loadSource('/app/css/style.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/app/css/app.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/css/new_main.css')) ?>">
    
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        ul,li,ol,li{
            list-style: none;
        }
        .content-cont{
            /*width: 1200px;*/
            background: #fff;
            margin: 0 auto;
        }
        .content-cont .cont-title{
            padding: 10px 0 5px;
            border-bottom: 1px #ccc solid;
            overflow: hidden;
        }
        .content-cont .cont-title h2{
            font-size: 16px;
            padding-left: 20px;
            display: inline-block;
        }
        .content-cont .cont-title h2 button{
            padding: 6px 14px;
            background: rgba(226,175,8,.6);
            border: none;
            box-shadow: 0 0 5px #ccc;
            border-radius: 5px;
            font-size: 10px;
            color: #fff;
            margin-left: 80px;
        }
        .content-cont .cont-title ol{
            padding: 10px 20px;
            display: inline-block;
        }
        .content-cont .cont-title ol li{
            display: inline-block;
            margin: 0 5px;
        }
        .content-cont .cont-title ol li button{
            padding: 4px 10px;
            border: none;
            border-radius: 5px;
            color:#fff;
            font-size: 12px;
            background: #1ab394;
        }
        .content-cont .cont-title ul{
            float: right;
            padding: 10px 20px;
        }
        .content-cont .cont-title ul li{
            display: inline-block;
            margin: 0 5px;
        }
        .content-cont .cont-title ul li button{
            padding: 4px 10px;
            border: none;
            border-radius: 5px;
            color:#fff;
            font-size: 12px;
            background: #1ab394;
        }
        .content-cont .cont-title ul li:nth-of-type(3) button{
            background: rgba(215,82,52,.6);
        }
        .content-cont .cont{
            padding: 20px;
        }
        .content-cont .cont ul.list{
            display: inline-block;
            border: 1px #eee solid;
            float: left;
        }
        .content-cont .cont ul.list li{
            line-height: 30px;
            font-size: 12px;
            padding: 0 16px;
            border-bottom: 1px #eee solid;
            cursor: pointer;
        }
        .content-cont .cont ul.list li.active{
            background: #E7F4FD;
            color:#3F93EC;
        }
        /*.content-cont .cont ul.list li:nth-of-type(3){*/
            /*border-bottom: none;*/
        /*}*/
        .content-cont .cont .cont-tab{
            display: inline-block;
            margin-left: 20px;
            width: 80%;
        }
        .content-cont .cont .cont-tab>div{
            /*display: none;*/
            width: 100%;
        }
        /*---------------baseMessage------------------*/
        .content-cont .cont .cont-tab>div.baseMessage{
            display: inline-block;
        }
        .content-cont .cont .cont-tab .baseMessage .basemess h3{
            margin: 20px 0 0;
            background: #eee;
            padding: 8px 10px;
            font-size: 16px;
            margin-top: 10px;
        }
        .content-cont .cont .cont-tab .baseMessage .basemess table{
            width: 100%;
        }
        .content-cont .cont .cont-tab .baseMessage .basemess table tr{
            line-height: 30px;
            font-size: 10px;
            color: #333;
        }
        .content-cont .cont .cont-tab .baseMessage .basemess table tr td{
            padding: 10px 0;
            width: 33%;
        }

        /*-----------------follow-record--------------------*/
        .content-cont .cont .cont-tab .follow-record .basemess h3{
            font-size: 18px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess table tr td span{
            margin-left: 40px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record{
            padding: 20px;
            border: 1px #ccc solid;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record select{
            width: 60px;
            border: 1px #ccc solid;
            border-radius: 5px;
            height: 24px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record input{
            width: 120px;
            border: 1px #ccc solid;
            border-radius: 5px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record select:nth-of-type(1){
            width: 160px;
            border: 1px #ccc solid;
            border-radius: 5px;
            height: 24px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record span:nth-of-type(2){
            margin-left: 30px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record div{
            margin-top: 10px;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record div p{
            float: left;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record div textarea{
            resize: none;
            border: 1px #ccc solid;
        }
        .content-cont .cont .cont-tab .follow-record .basemess .basemess-record button{
            padding: 4px 14px;
            border: none;
            border-radius: 5px;
            background: #1ab394;
            color:#fff;
            font-size: 12px;
            margin-left: 64px;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages{
            padding: 3px 15px;
            height: 30px;
            margin-top: 8px;
            font-size: 0;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages p{
            display: inline-block;
            font-size: 12px;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul{
            font-size: 0;
            display: inline-block;
            float: right;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li:nth-of-type(1){
            width: 120px;
            border:none;
            background: none;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li:nth-of-type(1):hover{
            background: none;
            color:#999;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li{
            display: inline-block;
            font-size: 12px;
            width: 24px;
            height: 24px;
            background: #fff;
            margin-left: 10px;
            line-height: 24px;
            text-align: center;
            border: 1px #ccc solid;
            border-radius: 6px;
            cursor: pointer;
            color:#999;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li:last-child{
            width: 120px;
            border:none;
            background: none;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li:last-child input{
            width: 50px;
            margin: 0 10px;
            border-radius: 6px;
            border: none;
            border:1px #ccc solid;
            outline: none;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li:last-child:hover{
            background: none;
            color:#999;
        }
        .content-cont .cont .cont-tab .follow-record .top_pages ul li:hover{
            background: #108EE9;
            color:#fff;
        }
        .content-cont .cont .cont-tab .follow-record .table{
            width: 100%;
            margin-top: 10px;
        }
        .content-cont .cont .cont-tab .follow-record .table table{
            width: 100%;
        }
        .content-cont .cont .cont-tab .follow-record .table table thead tr th{
            padding: 10px;
            background: #1ab394;
            color:#fff;
            text-align: center;
        }
        .content-cont .cont .cont-tab .follow-record .table table thead tr th:nth-of-type(1) span{
            display: inline-block;
            width: 12px;
            height: 12px;
            border:1px #888 solid;
            background: #fff;
            margin-right: 20px;
            position: relative;
            cursor: pointer;
        }
        .content-cont .cont .cont-tab .follow-record .table table thead tr th:nth-of-type(1) span b{
            position: absolute;
            left: 28%;
            top:-60%;
        }
        .content-cont .cont .cont-tab .follow-record .table table tbody tr{
            border-bottom: 1px #ccc solid;
        }
        .content-cont .cont .cont-tab .follow-record .table table tbody tr:nth-of-type(even){
            background: rgba(238,238,238,.5);
        }
        .content-cont .cont .cont-tab .follow-record .table table tbody tr td{
            padding: 8px;
            border-bottom: 1px #eee solid;
            text-align: center;
        }
        .content-cont .cont .cont-tab .follow-record .table table tbody tr td:nth-of-type(2){
            color:#108EE9;
        }
        .content-cont .cont .cont-tab .follow-record .table table tbody tr td:last-child span{
            margin: 0 5px;
            color:#777;
            position: relative;
            cursor: pointer;
        }
        .content-cont .cont .cont-tab .follow-record .table table tbody tr td:last-child span b{
            width: 40px;
            line-height: 24px;
            background: #fff;
            position: absolute;
            bottom: -25px;
            left: -15px;
            font-weight: normal;
            font-size: 10px;
            color:#000;
            border: 1px #ccc solid;
            border-radius: 5px;
            display: none;
        }
        .content-cont .cont .cont-tab .follow-record .bottom_pages{
            padding: 3px 15px;
            height: 30px;
            margin-top: 8px;
            background: #fff;
            font-size: 0;
        }
        /*----------------------he-course-----------------*/
        .content-cont .cont .cont-tab>div.he-course{
            width: 100%;
        }
        .content-cont .cont .cont-tab>div.he-course ul{
            border-bottom: 1px #eee solid;
        }
        .content-cont .cont .cont-tab>div.he-course ul li{
            display: inline-block;
            width: 80px;
            text-align: center;
            cursor: pointer;
        }
        .content-cont .cont .cont-tab>div.he-course ul li.active{
            border-bottom: 2px #1ab394 solid;
            color:#1ab394;
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div{
            display: none;
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div:nth-of-type(1){
            display: block;
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div table{
            width: 100%;
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div table thead tr{
            background: #1ab394;
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div table thead tr th{
            padding: 10px 0;
            color:#fff;
            text-align: center;
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div table tbody tr{

        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div table tbody tr:nth-of-type(even){
            background: rgba(238,238,238,.5);
        }
        .content-cont .cont .cont-tab>div.he-course .heCourse-cont>div table tbody tr td{
            padding: 6px 0;
            text-align: center;
            color:#333;
        }
        /*---------------schedule------------------*/
        .content-cont .cont .cont-tab>div.schedule button{
            padding: 4px 14px;
            border: none;
            border-radius: 5px;
            background: #1ab394;
            color:#fff;
            font-size: 12px;
            margin-left: 10px;
        }
        .content-cont .cont .cont-tab>div.schedule h4{
            display: inline-block;
            margin-left: 200px;
        }
        .content-cont .cont .cont-tab>div.schedule table{
            width: 100%;
        }
        .content-cont .cont .cont-tab>div.schedule table thead tr{
            border-bottom: 3px #eee solid;

        }
        .content-cont .cont .cont-tab>div.schedule table thead tr th{
            text-align: center;
            padding: 10px 0;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr{
            border-bottom: 3px #eee solid;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr span{
            color:#333;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr span b{
            padding: 4px 8px;
            font-weight: normal;
            font-size: 12px;
            color: #fff;
            background: #1ab394;
            border-radius: 5px;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr ul{
            margin-top: 6px;
            padding: 4px 10px;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr td:nth-of-type(even) ul:nth-of-type(odd){
            background: rgba(238,238,238,.5);
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr td:nth-of-type(odd) ul:nth-of-type(even){
            background: rgba(238,238,238,.5);
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr td{
            vertical-align: initial;
            padding: 10px 0;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr td ul li{
            line-height: 24px;
            font-size: 12px;
        }
        .content-cont .cont .cont-tab>div.schedule table tbody tr td ul li:nth-of-type(3){
            color:#108EE9;
        }
        /*---------------reviseLog------------------*/
        .content-cont .cont .cont-tab>div.reviseLog table{
            width: 100%;
        }
        .content-cont .cont .cont-tab>div.reviseLog table thead tr{
            background: #1ab394;
        }
        .content-cont .cont .cont-tab>div.reviseLog table thead tr th{
            padding: 10px 0;
            color:#fff;
            text-align: center;
        }
        .content-cont .cont .cont-tab>div.reviseLog table tbody tr{

        }
        .content-cont .cont .cont-tab>div.reviseLog table tbody tr:nth-of-type(even){
            background: rgba(238,238,238,.5);
        }
        .content-cont .cont .cont-tab>div.reviseLog table tbody tr td{
            padding: 6px 0;
            text-align: center;
            color:#333;
        }
        /*------------------charge-record----------------*/
        .content-cont .cont .cont-tab .charge-record table tbody tr td:last-child span{
            margin: 0 5px;
            color:#777;
            position: relative;
            cursor: pointer;
        }
        .content-cont .cont .cont-tab .charge-record table tbody tr td:last-child span b{
            width: 40px;
            line-height: 24px;
            background: #fff;
            position: absolute;
            bottom: -25px;
            left: -15px;
            font-weight: normal;
            font-size: 10px;
            color:#000;
            border: 1px #ccc solid;
            border-radius: 5px;
            display: none;
        }
    </style>
</head>

<body><?php include_once TPL_PATH . 'public/nav.phtml'; ?>
<div class="content" style="margin: 0;background: #F4F4F4">
    <div class="content-cont">
        <div class="cont-title">
            <h2><?php if (isset($data['data']['cname'])) {
                    xcho($data['data']['cname']);
                } ?>
                <button><a href="<?php xcho($search_url) ?>">返回列表</a></button>
            </h2>
            <ul>
                <li>
                    <?php if (isset($edit_url)) { ?>
                        <button><a lay-event="edit"
                           href="<?php xcho($edit_url) ?>">
                            编辑
                        </a></button>
                    <?php } ?>
                </li>
                <li>
                    <?php if (isset($del)) { ?>
                        <button><a class="courseDel"
                           lay-event="del"
                           url="<?php xcho($del['del_url']); ?>"
                           keyid="<?php xcho($del['id']) ?>"
                           actions="<?php xcho($del['actions']) ?>">
                            删除
                        </a></button>
                    <?php } ?>
                </li>
            </ul>
        </div>
        <div class="cont">
            <ul class="list">
                <li><a href="<?php if (isset($view_url)) {
                        xcho($view_url);
                    } ?>">基础信息</a></li>
                <li><a id="changeLog" href="<?php if (isset($view_log_url)) {
                        xcho($view_log_url);
                    } ?>">修改日志</a></li>
            </ul>
            <div class="cont-tab">
                <div class="baseMessage">
                    <div class="basemess">
                        <h3>基本信息</h3>
                        <div class="base-cont">
                            <table>
                                <tr>
                                    <td>课程名称：<span><?php if (isset($data['data']['cname'])) {
                                                xcho($data['data']['cname']);
                                            } ?></span></td>
                                    <td>课程年份：<span><?php if (isset($data['data']['cyear'])) {
                                                foreach ($data['data']['cyear'] as $aTmp) {
                                                    xcho($aTmp . ',');
                                                }
                                            } ?></span></td>
                                    <td>课程周期：<span><?php if (isset($data['data']['season'])) {
                                                foreach ($data['data']['season'] as $aTmp) {
                                                    xcho($aTmp . ',');
                                                }
                                            } ?></span></td>
                                </tr>
                                <tr>
                                    <td>科目：<span><?php if (isset($data['data']['csubject'])) {
                                                xcho($data['data']['csubject']);
                                            } ?></span></td>
                                    <td>年级：<span><?php if (isset($data['data']['grade'])) {
                                                foreach ($data['data']['grade'] as $aTmp) {
                                                    xcho($aTmp . ',');
                                                }
                                            } ?></span></td>
                                    <td>教材版本：<span><?php if (isset($data['data']['edition'])) {
                                                foreach ($data['data']['edition'] as $aTmp) {
                                                    xcho($aTmp . ',');
                                                }
                                            } ?></span></td>
                                </tr>
                                <tr>
                                    <td>类别：<span><?php if (isset($data['data']['ctype'])) {
                                                xcho($data['data']['ctype']);
                                            } ?></span></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="basemess">
                        <h3>销售信息</h3>
                        <div class="base-cont">
                            <table>
                                <tr>
                                    <td>价格：<span><?php if (isset($data['data']['price'])) {
                                                xcho($data['data']['price']);
                                            } ?></span></td>
                                    <td>总小时：<span><?php if (isset($data['data']['duration'])) {
                                                xcho($data['data']['duration']);
                                            } ?></span></td>
                                    <td>平均小时价格：<span><?php if (isset($data['data']['average'])) {
                                                xcho($data['data']['average']);
                                            } ?></span></td>
                                </tr>
                                <tr>
                                    <td>状态：<span><?php if (isset($data['data']['signup_status'])) {
                                                xcho($data['data']['signup_status']);
                                            } ?></span></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="basemess">
                        <h3>同步信息</h3>
                        <div class="base-cont">
                            <table>
                                <tr>
                                    <td>官网课程ID：<span><?php if (isset($data['data']['gw_id'])) {
                                                xcho($data['data']['gw_id']);
                                            } ?></span></td>
                                    <td>官网课程名：<span><?php if (isset($data['data']['gw_name'])) {
                                                xcho($data['data']['gw_name']);
                                            } ?></span></td>
                                    <td>课程后台ID：<span><?php if (isset($data['data']['ht_id'])) {
                                                xcho($data['data']['ht_id']);
                                            } ?></span></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="basemess">
                        <h3>系统信息</h3>
                        <div class="base-cont">
                            <table>
                                <tr>
                                    <td>创建人：<span><?php if (isset($data['data']['ctype'])) {
                                                xcho($data['data']['creator']);
                                            } ?></span></td>
                                    <td>创建时间：<span><?php if (isset($data['data']['create_time'])) {
                                                xcho($data['data']['create_time']);
                                            } ?></span></td>
                                    <td>修改时间：<span><?php if (isset($data['data']['update_time'])) {
                                                xcho($data['data']['update_time']);
                                            } ?></span></td>
                                </tr>
                                <tr>
                                    <td colspan="3">备注：<span><?php if (isset($data['data']['remark'])) {
                                                xcho($data['data']['remark']);
                                            } ?></span></td>

                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <!--<div class="reviseLog">
                    <table>
                        <thead>
                        <tr>
                            <th></th>
                            <th>操作时间</th>
                            <th>操作字段</th>
                            <th>旧值</th>
                            <th>新值</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>admn</td>
                            <td>2017-06-17 22:55:22</td>
                            <td>状态</td>
                            <td>实习</td>
                            <td>正式</td>
                        </tr>
                        <tr>
                            <td>admn</td>
                            <td>2017-06-17 22:55:22</td>
                            <td>状态</td>
                            <td>实习</td>
                            <td>正式</td>
                        </tr>
                        <tr>
                            <td>admn</td>
                            <td>2017-06-17 22:55:22</td>
                            <td>状态</td>
                            <td>实习</td>
                            <td>正式</td>
                        </tr>
                        <tr>
                            <td>admn</td>
                            <td>2017-06-17 22:55:22</td>
                            <td>状态</td>
                            <td>实习</td>
                            <td>正式</td>
                        </tr>
                        <tr>
                            <td>admn</td>
                            <td>2017-06-17 22:55:22</td>
                            <td>状态</td>
                            <td>实习</td>
                            <td>正式</td>
                        </tr>
                        </tbody>
                    </table>
                </div>-->
            </div>
        </div>
    </div>
</div>
<script src="<?php xcho(loadSource('/assets/plugins/jquery/jquery.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/layui/layui.all.js')) ?>" charset="utf-8"></script>
<script src="<?php xcho(loadSource('/assets/plugins/bootstrap/js/bootstrap.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/data-table/media/js/jquery.dataTables.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/data-table/media/js/dataTables.bootstrap.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/layer-v3.0.3/layer/layer.js')) ?>"></script>
<script
        src="<?php xcho(loadSource('/assets/plugins/data-table/extensions/Responsive/js/dataTables.responsive.min.js')) ?>"></script>
<script
        src="<?php xcho(loadSource('/assets/plugins/data-table/extensions/Responsive/js/responsive.bootstrap.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/ztree/js/jquery.ztree.core.js')) ?>"></script>
<script type="text/javascript"
        src="<?php xcho(loadSource('/assets/plugins/ztree/js/jquery.ztree.excheck.js')) ?>"></script>
<script type="text/javascript"
        src="<?php xcho(loadSource('/assets/plugins/ztree/js/jquery.ztree.exedit.js')) ?>"></script>
<script>
    $(function () {
        /*$(".cont>ul.list>li").click(function () {
         var ind = $(this).index();
         $(this).addClass("active").siblings("li").removeClass("active");
         $(".cont>.cont-tab>div").eq(ind).slideDown(200).siblings("div").slideUp(200);
         })*/
        //删除
        $(".courseDel").click(function () {
            var delVal = $(this).attr("url"),
                keyId = $(this).attr("keyid"),
                actions = $(this).attr("actions");
            $.ajax({
                url: delVal,
                data:{
                    id:keyId,
                    actions:actions
                },
                type: 'POST',
                dataType: 'json',
                success: function (data) {
                    if (data.success == 1) {
                        window.history.back();
                    } else {
                        layer.msg("删除失败");
                    }
                }
            })
        });
        //返回列表页
        /*$("#returnList").click(function(){
            window.parent.$('#index_tabs').tabs('close','课程详情');
        })*/
        $(".close").click(function () {
            window.parent.$('#index_tabs').tabs('close','课程详情');
        });
        updateParentTab = function (options) {
            var src, title;
            src = options.href;
            title = options.title;

            var tab = $('#index_tabs').tabs('getSelected');  // get selected panel
            $('#changeLog').tabs('update', {
                tab: tab,
                options: {
                    title: title,
                    href: src  // the new content URL
                }
            });
// call 'refresh' method for tab panel to update its content
            var tab = $('#index_tabs').tabs('getSelected');  // get selected panel
            tab.panel('refresh', src);
        }
    });
</script>
<?php include_once TPL_PATH . 'public/foot_script.phtml'; ?>
<button id="top" style="height: 50px;width: 50px;"></button></body>

</html>
